<script setup>

import Header from "./components/header/Header.vue";
import Footer from "./components/footer/Footer.vue";
import Login from "./components/login/Login.vue";
import {pageStore} from "./store/page.js";
import {webSocketState} from "./store/webSocketState.js";

const pageStatus = pageStore();

webSocketState()
// webSocketState().getDeviceId()
// console.log(webSocketState().deviceId);

</script>

<template>
  <div class="banner">
    <!--导航条-->
    <Header></Header>
    <Login v-if="pageStatus.loginPageStatus"></Login>
    <div class="cover">
      <router-link to="/"></router-link>
      <router-link to="/article"></router-link>
      <router-link to="/center"></router-link>
      <router-link to="/theory"></router-link>
      <router-link to="/symposia"></router-link>
    </div>
    <router-view></router-view>
    <Footer></Footer>
  </div>

</template>

<style scoped>

</style>
